<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        //js对象 系统对象  自定义对象
        // new Date();
        //  new Array();
        //js对象
        //var name = "刘德华";

        // var user = {
        //     name:"刘德华",
        //     age:45,
        //     address:"昆明"
        // }


        //json对象
        var user = {
            "name":"刘德华",
            "age":45,
            "address":"昆明"
        }

        //json字符串
        var userJson='{\n' +
            '            "name":"刘德华",\n' +
            '            "age":45,\n' +
            '            "address":"昆明"\n' +
            '        }';

        //JSON：和js对象相似 key由双引号包包裹，json由两种形式存在
        // json对象：获取值的时候比较简单
        var add = user.address;

        //json字符串 获取值的时候非常麻烦 但是在前后端传输的时候仅支持字符串
        //由此 JSON对象通常都需要转换成字符串才可以传输，后端回来的数据需要转成对象才好获取数据


        //常用的JSON方法
        //对象=>字符串
       var jsonStr = JSON.stringify(user);
       //alert(jsonStr);

        //字符串=>json对象
       var jsonObj = JSON.parse(jsonStr);
       alert(jsonObj);
       alert(jsonObj.name)


        //通常情况下，自己使用原生ajax给服务器传递数据和响应数据才需要手动转
        //像axios jquery-ajax 都会自己将传入的js(json)对象转为字符串传输
        //还会将传过来的字符串转为json对象放在resp中





    </script>
</head>
<body>

</body>
</html>